<!DOCTYPE html>

<html>
  	<head>
    	<title>MagiciTerm</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

		<style type="text/css">
			html,body {
				margin: 0em;
				padding: 0em;
				width: 100%;
				height: 100%;
				font-family: "Microsoft-Yahei",sans-serif;
				font-size: 20px;
				line-height: 20px;
				color: rgb(51, 51, 51);
				background-color: rgb(255, 255, 255);
			}
			
			.layout{
				width: 100%;
				height: 100%;
				display: block;
				overflow: hidden;
			}
			.header{
				width: 100%;
				height: 60%;

				overflow: hidden;
				color: white;
				background-color: #019c74;
			}

			.wrap{
				height: 40%;
			}

			.container{
				margin: 0 auto;
				width: 60%;
				height: 100%;
				display: table;
				text-align: center;
			}

			.vertical{
				display: table-cell;
				vertical-align: middle;
				text-align: left;
			}

			h1{
				font-size: 2em;
			}
			

		</style>
	</head>

  	<body>
		<div class="layout">
			<div class="header">
				<div class="container">
					<div class="vertical">
					    <h1>{{ .Project }}</h1>
					    <p class="description">
					    	Maintained By {{ .Author }} && Powered By Golang.
					    </p>
					</div>
				</div>
			</div>

			<div class="wrap">
				<div class="container">
					<div class="vertical">
					    <p class="description">
					    	Everything should be acquired by passing parameters to Api interfaces. 
					    </p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
